{template 'common/header'}
<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#help_data" data-toggle="tab">
            助力数据
        </a>
    </li>
    <li>
        <a href="#prize_data" data-toggle="tab">
            领奖数据
        </a>
    </li>

</ul>
<div id="myTabContent" class="tab-content">
    <!--助力数据-->
    <div class="tab-pane fade in active" id="help_data">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    查询用户
                </h3>
            </div>
            <div class="panel-body" style="margin-top: 15px;">
                <div class="form-group">
                    <label class=" col-sm-3 col-md-2  control-label"  style=" line-height: 3;">微信昵称/openid</label>
                    <div class="col-sm-6 col-xs-9">
                        <input type="text"  name="wechat_name" class="form-control" placeholder="输入用户微信昵称/openid">
                    </div>
                    <button class="btn btn-primary">搜索</button>
                    <button class="btn btn-success" style="margin-left: 10px;">导出数据</button>
                </div>
            </div>

        </div>


        <div class="panel panel-default">
            <div class="panel-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th style="vertical-align: middle !important;text-align: center;">粉丝头像</th>
                        <th style="vertical-align: middle !important;">昵称/微信OPENID</th>
                        <th style="vertical-align: middle !important;text-align: center;">参与时间</th>
                        <th style="vertical-align: middle !important;text-align: center;">当前进度</th>
                        <th style="vertical-align: middle !important;text-align: center;">助力次数</th>
                        <th style="vertical-align: middle !important;text-align: center;">助力详情</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td style="vertical-align: middle !important;text-align: center;"><img src="" style="width: 68px;height: 68px"></td>
                        <td style="vertical-align: middle !important;">
                            <div class="h5">张三</div>
                            <div class="h5">oB4nYjnoHhuWrPVi2pYLuPjnCaU0</div>
                        </td>
                        <td style="vertical-align: middle !important;text-align: center;">2018-03-24 11:55:53</td>
                        <td style="vertical-align: middle !important;text-align: center;">340726</td>
                        <td style="vertical-align: middle !important;text-align: center;">201</td>
                        <td style="vertical-align: middle !important;text-align: center;">
                            <a class="btn btn-default" href="https://www.baidu.com"><span class="glyphicon glyphicon-stats"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>


            <ul class="pagination">
                <li ><a href="#" >&laquo;</a></li>
                <li class="active"><a href="#">1</a></li>
                <li ><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>

    <!--领取数据-->
    <div class="tab-pane fade" id="prize_data">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    查询用户
                </h3>
            </div>
            <div class="panel-body" style="margin-top: 15px;">
                <div class="form-group">
                    <label class=" col-sm-3 col-md-2  control-label"  style=" line-height: 3;">微信昵称/openid</label>
                    <div class="col-sm-6 col-xs-9">
                        <input type="text"  name="wechat_name" class="form-control" placeholder="输入用户微信昵称/openid">
                    </div>
                    <button class="btn btn-primary">搜索</button>
                    <button class="btn btn-success" style="margin-left: 10px;">导出数据</button>
                </div>
            </div>

        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th style="vertical-align: middle !important;text-align: center;">粉丝头像</th>
                        <th style="vertical-align: middle !important;">昵称/微信OPENID/完成时间</th>
                        <th style="vertical-align: middle !important;text-align: center;">姓名</th>
                        <th style="vertical-align: middle !important;text-align: center;">电话</th>
                        <th style="vertical-align: middle !important;text-align: center;">地址</th>
                        <th style="vertical-align: middle !important;text-align: center;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="InputsWrapper">
                    <tr>
                        <td style="vertical-align: middle !important;text-align: center;"><img src="" style="width: 68px;height: 68px"></td>
                        <td style="vertical-align: middle !important;">
                            <div class="h5">张三</div>
                            <div class="h5">oB4nYjnoHhuWrPVi2pYLuPjnCaU0</div>
                            <div class="h5">完成时间：<span>2018-03-03 15:59:20</span></div>
                        </td>
                        <td style="vertical-align: middle !important;text-align: center;min-width: 72px">刘德华</td>
                        <td style="vertical-align: middle !important;text-align: center;">13246313241</td>
                        <td style="vertical-align: middle !important;">广东省佛山市顺德区大良滨河路创业工场创业工场2楼</td>
                        <td style="vertical-align: middle !important;text-align: center;">
                            <div class="btn btn_sent" style="margin: 14px auto;background-color: #c3c3c3;" >已发</div>
                            <button class="btn btn-primary  ">自提</button>

                        </td>

                        <script>

                        </script>
                    </tr>

                    <tr>
                        <td style="vertical-align: middle !important;text-align: center;"><img src="" style="width: 68px;height: 68px"></td>
                        <td style="vertical-align: middle !important;">
                            <div class="h5">张三</div>
                            <div class="h5">oB4nYjnoHhuWrPVi2pYLuPjnCaU0</div>
                            <div class="h5">完成时间：<span>2018-03-03 15:59:20</span></div>
                        </td>
                        <td style="vertical-align: middle !important;text-align: center;min-width: 72px">刘德华</td>
                        <td style="vertical-align: middle !important;text-align: center;">13246313241</td>
                        <td style="vertical-align: middle !important;">广东省佛山市顺德区大良滨河路创业工场创业工场2楼</td>
                        <td style="vertical-align: middle !important;text-align: center;">
                            <button class="btn  btn-primary   btn_sent" style="margin: 14px auto">发货</button>
                            <div class="btn" style="background-color: #c3c3c3">已提</div>

                        </td>

                        <script>

                        </script>
                    </tr>

                    <tr>
                        <td style="vertical-align: middle !important;text-align: center;"><img src="" style="width: 68px;height: 68px"></td>
                        <td style="vertical-align: middle !important;">
                            <div class="h5">张三</div>
                            <div class="h5">oB4nYjnoHhuWrPVi2pYLuPjnCaU0</div>
                            <div class="h5">完成时间：<span>2018-03-03 15:59:20</span></div>
                        </td>
                        <td style="vertical-align: middle !important;text-align: center;min-width: 72px">刘德华</td>
                        <td style="vertical-align: middle !important;text-align: center;">13246313241</td>
                        <td style="vertical-align: middle !important;">广东省佛山市顺德区大良滨河路创业工场创业工场2楼</td>
                        <td style="vertical-align: middle !important;text-align: center;">
                            <button class="btn  btn-danger   btn_sent" style="margin: 14px auto">发货</button>

                            <button class="btn btn-default">自提</button>

                        </td>

                        <script>

                        </script>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!--分页-->
        <ul class="pagination">
            <li ><a href="#" >&laquo;</a></li>
            <li class="active"><a href="#">1</a></li>
            <li ><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
</div>
{template 'common/footer'}